iT邦幫忙

2019 iT 邦幫忙鐵人賽

DAY 23
0
自我挑戰組

CSS、JS-30天研究筆記系列 第 24

【day24】常用事件整理

  • 分享至 

  • xImage
  •  

一、 滑鼠事件

  1. click:按下滑鼠按鈕或按下Enter鍵時觸發。
  2. dblclick:雙擊滑鼠按鈕時觸發。
  3. mousedown:按下了滑鼠還未彈起時觸發。
  4. mouseup:釋放滑鼠按鈕時觸發。
  5. mouseover:當滑鼠移到某個元素上方時觸發。
  6. mouseout:當滑鼠移出某個元素上方時觸發。
  7. mousemove:當滑鼠指標在元素上移動時觸發。

二、 鍵盤事件

  1. keydown:按下鍵盤上任意鍵觸發,如果按住不放,會重複觸發。
  2. keypress:按下鍵盤上的字元鍵觸發,如果按住不放,會重複觸發。
  3. keyup:釋放鍵盤上的鍵觸發。
    *鍵碼 在發生 keydown 和 keyup 事件時,event 物件的 keyCode 屬性中會包含一個代碼,與鍵 盤上一個特定的鍵對應。

三、 HTML 事件

  1. load:當頁面完全載入後在 window 上面觸發,或當框架組載入完畢後在框架組上觸發。
  2. unload:當頁面完全卸載後在 window 上面觸發,或當框架組卸載後在框架組上觸發。
  3. select:當用戶選擇文字方塊(input 或 textarea)中的一個或多個字元觸發。
  4. change:當文字方塊(input 或 textarea)內容改變且失去焦點後觸發。
  5. focus:當頁面或者元素獲得焦點時在 window 及相關元素上面觸發。
  6. blur:當頁面或元素失去焦點時在 window 及相關元素上觸發。
  7. submit:當使用者點擊提交按鈕在元素上觸發。
  8. reset:當使用者點擊重新開機按鈕在元素上觸發。
  9. resize:當窗口或框架的大小變化時在 window 或框架上觸發。
  10. scroll:當使用者滾動帶捲軸的元素時觸發。

上一篇
【day23】DOM的等級與操作樣式
下一篇
【day25】關於表單1
系列文
CSS、JS-30天研究筆記31
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言